<%@taglib prefix="s" uri="/struts-tags"%>
 
<s:form action="saveTipoTarjeta" id="tipoTarjetaForm" theme="simple">
	<s:hidden name="tipoTarjeta.id" id="id" />
	<s:hidden name="codigoAnterior" id="codigoAnterior" />
	<table width="100%">
		<tr>
			<td>
				<table width="100%">
					<tr>
						<td>
						<div id="pageTitle">Tipo de Tarjeta</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="formpanel">
								<table cellspacing="0" width="100%">
									<tr>
										<td class="label">C&oacute;digo BIN:</td>
										<td>
											<s:select id="cmbCodigoBin" name="tipoTarjeta.bin.id" cssClass="validate[required]"
											list="itemCodBinEd" listKey="value" style="width:200px" listValue="label" />
										</td>
										<td class="label">C&oacute;digo Tarjeta:</td>
										<td>
											<s:select id="cmbCodTarjeta" name="tipoTarjeta.codTarjeta.id" cssClass="validate[required]"
											list="itemCodTarjetaEd" listKey="value" style="width:200px" listValue="label" />
										</td>
									</tr>
									<tr>								
										<td class="label">Tama&ntilde;o</td>
										<td>
											<s:select list="itemTamanoEd" listKey="value" listValue="label" theme="simple"
											id="cmbTamTarjeta" name="tipoTarjeta.tamTarjeta.id" cssClass="validate[required]" />
										</td>
										<td class="label">C&oacute;digo Tipo Tarjeta:</td>
										<td>
											<s:textfield theme="simple" name="tipoTarjeta.codTipoTarjeta" id="txtCodTipoTarjeta" size="14" readonly="true"/>
										</td>
									</tr>
									<tr>
										<td class="label">Descripcion:</td>
										<td>
											<s:textfield theme="simple" name="tipoTarjeta.descripcion" cssClass="validate[required,custom[onlyLetterNumbereneacentoesp]]"
											id="txtNombreDescriptivo" maxlength="100" size="50" />
										</td>
										<td class="label">Estado:</td>
										<td><s:select
											list="#{'':'SELECCIONE','1':'ACTIVO','0':'INACTIVO'}" theme="simple"
											id="cmbEstado" name="tipoTarjeta.estado" cssClass="validate[required]" />
										</td>
									</tr>
								</table>
							</div>
						</td>
					</tr>
				</table>
				<table>
					<tr>
						<td>
							<s:submit theme="simple" value="Guardar" id="btnGuardar"
							cssClass="ui-button ui-widget ui-state-default ui-corner-all"></s:submit>&nbsp;
							<input type="button" value="Limpiar" id="btnLimpiar"
							class="ui-button ui-widget ui-state-default ui-corner-all" />&nbsp;
							<input type="button" value="Retornar" id="btnRetornar"
							onclick="retornar()"
							class="ui-button ui-widget ui-state-default ui-corner-all" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</s:form>
<div style="width: 100%; padding: 10px 10px 10px 5px;">
	<table id="dataTable" width="100%"></table>
 	<div id="tablePager"></div>
</div>
<script language="JavaScript" type="text/javascript">	
	$(document).ready(function(){
		getCodigoGPS();
		$("#tipoTarjetaForm").validationEngine();
		$("#btnLimpiar").click(function(){
			limpiarForm();
		});
		$('#cmbCodigoBin').change(function(){
			getCodigoGPS();
		});
		$('#cmbCodTarjeta').change(function(){
			getCodigoGPS();
		});
		$('#cmbTamTarjeta').change(function(){
			getCodigoGPS();
		});
	});
		
	function retornar(){
		$("#formAux").attr("action","./initTipoTarjeta.do");
		$("#formAux").submit();
	}
	
	function getCodigoGPS(){
		var bin = "";
		var tarjeta = "";
		var tamanio = "";
		if($('#cmbCodigoBin option:selected').val()!="")
			bin = $('#cmbCodigoBin option:selected').text();
		if($('#cmbCodTarjeta option:selected').val()!="")
			tarjeta = $('#cmbCodTarjeta option:selected').text().substring(0,2);
		if($('#cmbTamTarjeta option:selected').val())
			tamanio = $('#cmbTamTarjeta option:selected').text().substring(0,1);
		$('#txtCodTipoTarjeta').val(bin+tarjeta+tamanio);
	}
	
	function limpiarForm(){
		$("#txtCodigo").val("");
		$("#txtNombreDescriptivo").val("");
		$("#txtCodTipoTarjeta").val("");
		$("#cmbCodigoBin").get(0).selectedIndex = 0;
		$("#cmbCodTarjeta").get(0).selectedIndex = 0;
		$("#cmbTamTarjeta").get(0).selectedIndex = 0;
		$("#cmbEstado").get(0).selectedIndex = 0;
	}
</script>